<div id="ks_top_bar">
	<div class="ks_sub_top_bar">
		<div class="my-top-nav">
			<ul>
				<li><a href="">Home</a></li>
				<li><a href="">Help?</a></li>
				<li><a href="">Jobcafe is the best for you to find a job</a></li>
			</ul>
		</div>
		<!-- right top -->
		<div class="top-right">
			<div class="top-right-social">
				<ul>
					<li><a href="" title="Facebook"><img src="<?php echo base_url();?>assets/img/icons/fb.jpg" width="24px"/></a></li>
					<li><a href="" title="google+"><img src="<?php echo base_url();?>assets/img/icons/gl.jpg" width="24px"/></a></li>
					<li><a href="" title="Tweeter"><img src="<?php echo base_url();?>assets/img/icons/tw.jpg" width="24px"/></a></li>
					<li><a href="" title="Youtube"><img src="<?php echo base_url();?>assets/img/icons/yt.jpg" width="24px"/></a></li>
					<li><a href="#loginmodal" id="modaltrigger" title="Member Login"><img src="<?php echo base_url();?>assets/img/icons/btnLogIn.png" width="53px"/></a></li>
				</ul>
			</div>
		</div>	
		
	</div>
	
</div>

<div id="ks_con_main_header">
	<!--<div class="edge-top">&nbsp;</div>-->
	<div id="ks_container_header">
		<div class="ks_logo_hd"><a href=""><img src="<?php echo base_url('assets/img/logo.png');?>" height="110" style="float:left;margin-left:20px"/></a></div>
		<div class="ks_ads_hd"><a href=""><img src="<?php echo base_url('assets/img/banners/728x90_21.jpg');?>"/></a></div>
		<!--<div class="ks_login_hd"><a href="#loginmodal" class="flatbtn" id="modaltrigger">Log In</a></div>-->
		
	</div>
		
</div>

	<div id="loginmodal" style="display:none;">
		<h1>User Login</h1>
			<form id="loginform" name="loginform" method="post" action="index.html">
				<label for="username">Username:</label>
				<input type="text" name="username" id="username" class="txtfield" tabindex="1">
				  
				<label for="password">Password:</label>
				<input type="password" name="password" id="password" class="txtfield" tabindex="2">
				  
				<div class="center"><input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="Log In" tabindex="3"></div>
			</form>
	</div>
	<script type="text/javascript">
		$(function(){
			  $('#loginform').submit(function(e){
				return false;
			  });
			  
			  $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" });
			});
	</script>

<!-- Top Menus-->
<div class="ks_menu_top">
	<div class="ks_top">
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php');?>"><span class="top_icon icon_home"></span><div class="top_i_tl">Home</div></a>
		</div>
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/can_register/can_login');?>"><span class="top_icon icon_job"></span><div class="top_i_tl">Job Seeker</div></a>
		</div>
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/emp_register/emp_login');?>"><span class="top_icon icon_emp"></span><div class="top_i_tl">Employer</div></a>
		</div>
		
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/training_provider');?>"><span class="top_icon icon_emp"></span><div class="top_i_tl">Training Provider</div></a>
		</div>
		
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/scholarship');?>"><span class="top_icon icon_emp"></span><div class="top_i_tl">Scholarship</div></a>
		</div>
		
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/cv_guideline');?>"><span class="top_icon icon_emp"></span><div class="top_i_tl">Events</div></a>
		</div>
		
		<div class="ks_top_i">
			<a href="<?php echo base_url('index.php/page/services');?>"><span class="top_icon icon_emp"></span><div class="top_i_tl">Services</div></a>
		</div>
		
		<div class="ks_top_i">
			<a href="index.php"><span class="top_icon icon_emp"></span><div class="top_i_tl">News</div></a>
		</div>
		
	</div>
</div>